:root {
  --font-size: 14px;
  --color-text: #666;
  --color-high-text: #ff5777;
  --color-tint: #ff8198;
  --color-background: #fff;
  --font-size-small: 12px;
  --font-size-medium: 14px;
  --font-size-large: 16px;
  --line-height-small: 1;
  --line-height-medium: 1.5;
  --line-height-large: 2;
  --border-radius-small: 2px;
  --border-radius-medium: 4px;
  --border-radius-large: 8px;
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.2);
  --bg-main: #ff8198; // 主背景色
  --bg-second: #fff;
  --bg-second-light: #fff;
  --main-background:#f2f3f5;
  
}

:root[data-theme="dark"] {
  --color-text: #ddd;
  --color-high-text: #ff8198;
  --color-tint: #ff8198;
  --color-background: #333;
  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
    sans-serif;
  --font-family-mono: Menlo, Monaco, Consolas, Courier, monospace;
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.2);
  --bg-main: #333;
  --bg-second: #333;
  --bg-second-light: #444;
}
